<div id="idDivCatagory" class="divCatagoty">
    <dl id="idContainer2" class="container2">
        <dt id="idMenu2_1">图书.音像.数字商品</dt>
        <dd id="idMenu2_2">家用电器</dd>
        <dd id="idMenu2_3">手机.数码</dd>
        <dt id="idMenu2_4">电脑.办公</dt>
        <dd id="idMenu2_5">服饰鞋帽</dd>
        <dd id="idMenu2_6">家居.家具.家装.厨具</dd>
        <dd id="idMenu2_7">礼品.箱包.钟表.珠宝</dd>
        <dd id="idMenu2_8">运动.健康</dd>
        <dd id="idMenu2_9">汽车用品</dd>
        <dd id="idMenu2_10">母婴.玩具乐器</dd>
        <dd id="idMenu2_11">彩票.旅行.充值.游戏</dd>
    </dl>
</div>


<div id="idContainer2_2" class="container2_2">
    <div class="shadow"></div>
    <dl>
        <dt id="idTitle"></dt>
        <dd id="idMenu2">
            <div id="idMenu2_1_1"><a href="http://localhost:8000/warehouse/commodity/list?catagory=book">图书</a></div>
            <div id="idMenu2_1_2"><a href="http://www.google.com">电子书</a></div>
            <div id="idMenu2_1_3"><a href="http://www.taobao.com">音乐</a></div>
            <div id="idMenu2_1_4"><a href="http://www.jd.com">电影</a></div>
            <div id="idMenu2_2_1"><a href="http://www.ifeng.com">客厅</a></div>
            <div id="idMenu2_2_2"><a href="http://www.qq.com">卧室</a></div>
            <div id="idMenu2_3_1"><a href="http://localhost:8000/warehouse/commodity/list?catagory=phone">手机</a></div>
            <div id="idMenu2_3_2"><a href="http://www.sohu.com">数码相机</a></div>
            <div id="idMenu2_4_1"><a href="http://www.pcpop.com">笔记本</a></div>
            <div id="idMenu2_4_2"><a href="http://www.yahoo.com.cn">台式机</a></div>
            <div id="idMenu2_4_3"><a href="http://www.163.com">平板电脑</a></div>
        </dd>
    </dl>
</div>

<script>
    var menu2 = [
        { id: 1, parent: 0, elem: 'idMenu2_1' },
        { id: 2, parent: 1, elem: 'idMenu2_1_1'},
        { id: 3, parent: 1, elem: 'idMenu2_1_2' },
        { id: 4, parent: 1, elem: 'idMenu2_1_3' },
        { id: 5, parent: 1, elem: 'idMenu2_1_4' },

        { id: 6, parent: 0, elem: 'idMenu2_2' },
        { id: 7, parent: 6, elem: 'idMenu2_2_1' },
        { id: 8, parent: 6, elem: 'idMenu2_2_2' },

        { id: 9, parent: 0, elem: 'idMenu2_3' },
        { id: 10, parent: 9, elem: 'idMenu2_3_1' },
        { id: 11, parent: 9, elem: 'idMenu2_3_2' },

        { id: 12, parent: 0, elem: 'idMenu2_4' },
        { id: 13, parent: 12, elem: 'idMenu2_4_1' },
        { id: 14, parent: 12, elem: 'idMenu2_4_2' },
        { id: 15, parent: 12, elem: 'idMenu2_4_3' },

        { id: 16, parent: 0, elem: 'idMenu2_5' },
        { id: 17, parent: 0, elem: 'idMenu2_6' },
        { id: 18, parent: 0, elem: 'idMenu2_7' },
        { id: 19, parent: 0, elem: 'idMenu2_8' },
        { id: 30, parent: 0, elem: 'idMenu2_9' },
        { id: 21, parent: 0, elem: 'idMenu2_10' },
        { id: 22, parent: 0, elem: 'idMenu2_11' }
    ];

    var container2 = [ "idContainer2", { id: "idContainer2_2", menu: "idMenu2" } ];

    new FixedMenu(container2, { menu: menu2,
        relative: { align: "clientleft", vAlign: "clienttop", customTop: 5, customLeft: 176 },
        onBeforeShow: function(container, menu){ $$("idTitle").innerHTML = menu._elem.innerHTML; }
    });
</script>